<heml>
    <head> 
     <meta charset= "utf-8">
     <title>相册</title>
     <link rel="stylesheet" href="index.css">

     <link rel="stylesheet" href="libs/fancybox/jquery.fancybox.css"> 

     <link rel="stylesheet" href="libs/fancybox/helpers/jquery.fancybox-buttons.css">

     <link rel="stylesheet" href="libs/fancybox/helpers/jquery.fancybox-thumbs.css">
    </head>

    <body>
       <div id="xc">
           <!--div[style=background=image:url(image/$.jpg)]*n 当数量是多少时就用代码乘多少-->
        <div style="background-image:url(image/1.jpg)">
            <a href="image/1.jpg "rel="photo">图片1</a>
        </div>
        <div style="background-image:url(image/2.jpg)">
            <a href="image/2.jpg" rel="photo">图片2</a>
        </div>
        <div style="background-image:url(image/3.jpg)">
            <a href="image/3.jpg" rel="photo">图片3</a>
        </div>
        <div style="background-image:url(image/4.jpg)">
            <a href="image/4.jpg" rel="photo">图片4</a>
        </div>
        <div style="background-image:url(image/5.jpg)">
            <a href="image/5.jpg" rel="photo">图片5</a>
        </div>
        <div style="background-image:url(image/6.jpg)">
            <a href="image/6.jpg" rel="photo">图片6</a>
        </div>
        <div style="background-image:url(image/7.jpg)">
            <a href="image/7.jpg" rel="photo">图片7</a>
        </div>
        <div style="background-image:url(image/8.jpg)">
            <a href="image/8.jpg" rel="photo">图片8</a>
        </div>
        <div style="background-image:url(image/9.jpg)">
            <a href="image/9.jpg" rel="photo">图片9</a>
        </div>
        <div style="background-image:url(image/10.jpg)">
            <a href="image/10.jpg" rel="photo">图片10</a>
        </div>
       </div>
    </body>
    <script src="libs/jquery.js"></script>

    <script src="libs/fancybox/jquery.fancybox.js"></script>

    <script src= "libs/fancybox/helpers/jquery.fancybox-buttons.js"></script>

  <script> src= "libs/fancybox/helpers/jquery.fancybox-thumbs.js"</script>

    <script src="index.js"></script>
</heml>